// 轮播图
var mySwiper = new Swiper ('.swiper', {
    direction: 'horizontal', // 垂直切换选项
    loop: true, // 循环模式选项
    
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable :true,
    },
    
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    
    // 如果需要滚动条
  //   scrollbar: {
  //     el: '.swiper-scrollbar',
  //   },
    // autoplay:true,//等同于以下设置
    autoplay: {
        delay: 2000,
        stopOnLastSlide: false,
        disableOnInteraction: true,
        },
  }) 

    $(function(){
        window.onload =function(){
          $.ajax({
            url: 'http://localhost:3000/useing/public',
            type: 'get',
            success: function(res){
                // 请求的数据
                // console.log(res);
                // 遍历
                var str = '';
                $.each(res,function(index,item){
                
                    str += `
                          <li>
                            <img src=${item.img}>
                            <h3>${item.text}</h3>
                            <span>${item.totalnum}</span>
                            <span>${item.num}台</span>
                            <p><span class="sp5">${item.apply}</span>申请</p>
                            <h5>剩余时间2天</h5>
                        </li>
                    `
                })
                $('.main-3-visual-ul').html(str);
            }
          })
          $.ajax({
            // url: 'http://localhost:3000/report/new',
            url: 'http://localhost:3000/useing/master',
            type: 'get',
            success: function(res1){
                // 请求的数据
                // console.log(res);
                // 遍历
                var str1 = '';
                $.each(res1,function(index1,item1){
                   
                    str1 += `
                    <li>
                    <img src=${item1.img}>
                    <h4>${item1.text}</h4>
                    <div class="box-1">
                    <span>${item1.uName}</span>
                    <span class="sp-7"><img src="../imgsmall/zan.png">3 <img src="../imgsmall/reply.png">3   </span>
                    </div>
                </li>
                    `
                })
                $('.main-4-2-ul').html(str1);
            }
          })
          $.ajax({
            url: 'http://localhost:3000/guid/hot',
            type: 'get',
            success: function(res2){
                // 请求的数据
                // console.log(res);
                // 遍历
                var str2 = '';
                $.each(res2,function(index1,item2){
                    // console.log(item1);
                    str2 += `
                    <li>
                        <img src=${item2.img}>
                        <h4>${item2.text}</h4>
                        <span class="sp8"><img src="../imgsmall/zan.png">3 <img src="../imgsmall/reply.png">3 </span>
                        <img src="../imgsmall/listbg.jpg" class="main-5-img">
                    </li>
                    `
                })
                $('.main-5-ul').html(str2);
            }
          })

          $.ajax({
            // url: 'http://localhost:3000/guid/new',
            url: 'http://localhost:3000/useing/master',
            type: 'get',
            success: function(res3){
                // 请求的数据
                // 遍历
                var str3 = '';
                $.each(res3,function(index3,item3){
                  // console.log(item3);
                    str3 += `
                    <li>
                    <img src=${item3.img}>
                    <h4>${item3.description}</h4>
                    <h5>${item3.text}</h5>
                    <div class="box-1">
                        <span class="sp-9">￥648</span>
                        <span class="sp-7"><img src="../imgsmall/zan.png">3 <img src="../imgsmall/reply.png">3</span>
                    </div>
                    </li>
                    `
                })
                $('.main-6-ul').html(str3);
            }
          })

        }

        // 登录按钮点击事件
        // $('#login').click(function(){
        //     $('.mask').css('display','block');
        //     $('.alert').css('display','block');
        // })
        // $('.loginer').click(function(){
        //   var info = {
        //     uesrname: $('.username').val(),
        //     password: $('.password').val()
        //   }
        //   console.log(info);
        //   $.ajax({
        //       url: 'http://localhost:3000/users/login',
        //       type: 'post',
        //       data: info,
        //       success: function(datas){
        //           console.log(datas);
        //           console.log(datas.msg);
        //       }
        //   })
        //   alert('登陆成功');
        //   $('.mask').css('display', 'none');
        //   $('.alert').css('display', 'none');
        // })
        // $('.close').click(function(){
        //   $('.mask').css('display', 'none');
        //   $('.alert').css('display', 'none');
        // })
        
      });




    

